<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <meta charset="UTF-8">
    <title>邮储白领贷</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../public/css/index2.css">
    <link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/weui.min.css">
    <link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/jquery-weui.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="css/evaluation.css">
    <link rel="stylesheet" type="text/css" href="css/radio.css"> -->
    <style>
        html,
        body {
            background: #eeeeee;
            height: 100%;
        }

        .title {
            height: 40px;
            width: 95%;
            line-height: 40px;
            color: #c1c1c1;
            font-size: 15px;
            padding-left: 5%
        }

        .tabpanel {
            padding: 0;
        }

        .listLeft {
            color: #ff7621
        }

        .tabpanel section {
            margin-top: 1px;
            border-radius: 0px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .tabpanel section .left {
            color: #a0a0a0
        }

        .tabpanel .btn-calc {
            width: 80%;
            margin-left: 10%;
            height: 40px;
            margin-top: 40px
        }

        select {
            direction: rtl;
        }

        select option {
            direction: ltr;
        }

        header .title {
            display: flex;
            flex: 1;
            justify-content: center
        }

        .viewport {
            height: 100%
        }

        .applyList {
            display: flex;
            justify-content: space-between;
            /* border-top: 1px solid #e6e6e6; */
            background: #fff;
            align-items: center;
            padding-left: 10px;
            padding-right: 10px;
        }

        .applyList .left {
            min-width: 30%;
            color: #a0a0a0;
            min-height: 2.25rem;
            line-height: 45px;
            font-size: 0.8rem;
        }

        .applyList .right {
            font-size: 16px;
            text-align: right;
            color: #666;
        }

        input::-webkit-input-placeholder {
            color: #666;
        }

        #code {
            border-radius: 4px;
            /* background: #f2f2f2; */
            background: #ff7621;
            color: #fff;
            font-size: 13px;
            width: 25%;
            padding-bottom: 2px;
            padding-top: 2px;
            text-align: center
        }

        .inputCenter {
            height: 45px;
            border: none;
            font-size: 15px;
            text-align: right;
            width: 75%;
            margin-right: 10px;
        }

        .weui-toast p {
            font-size: 16px;
        }

        .weui-toast.weui_loading_toast {
            width: 9.6em;
            min-height: 8.6em;
        }

        /* .weui-cell {text-align: center;} */

        /* .weui-picker-modal.weui-picker-modal-visible{
             max-height: 13rem; 
        } */
    </style>
</head>

<body class="index">
    <header>
        <div class="title">
            <a href="#" onclick="history.go(-1)" class="goBack">
                <span></span>
            </a>
            <span>填写个人信息</span>
        </div>
    </header>
    <div class="viewport">
        <div class="title">请留下您的个人信息</div>
        <div class="tabpanel">

            <div class="weui-cell__bd applyList" style="margin-top: 1px;">
                <div class="left" style="width:30%">
                    <span class="listLeft">*&nbsp;</span>县(区)</div>
                <div id="bankArea" class="right" onclick="showModel()">请选择县(区)</div>
            </div>
            <div class="weui-cell__bd applyList" style="margin-top: 1px;">
                <div class="left" style="width:30%">
                    <span class="listLeft">*&nbsp;</span>网点</div>
                <div id="handleBank" class="right">请选择办理网点</div>
            </div>

            <section>
                <span class="left">
                    <span class="listLeft">*&nbsp;</span> 姓名</span>
                <div class="right">
                    <input type="text" class="name txt" style="direction: ltr;color:#666" placeholder="请输入您的姓名">
                </div>
            </section>
            <section>
                <span class="left">
                    <span class="listLeft">*&nbsp;</span>手机号</span>
                <div class="right">
                    <input type="text" class="tel txt" maxlength="11" style="direction: ltr;color:#666" placeholder="请输入您的手机号">
                </div>
            </section>

            <div class="weui-cell__bd applyList" style="margin-top: 1px;">
                <div class="left" style="min-width:25%">
                    <span class="listLeft">*&nbsp;</span>验证码</div>
                <div style="display: flex;justify-content: space-between;align-items: center;">
                    <input class="inputCenter" type="text" placeholder="请输入验证码">
                    <div id="code" class="right" onclick="sendCode()" touch="false">发送</div>
                </div>
            </div>

            <div class="tip">
                <p style="color:#666;" id="top3_tip"></p>
            </div>
            <div style="padding-left:10px;color:#999;margin-top:10px">提示：需要提供身份证、户口本、收入证明等材料，请留足准备材料时间。</div>
            <div class="errorDiv" style="padding-left:10px;color:red;margin-top:5px;display:none">失败：
                <span class="error">
                    <span>
            </div>
            <button class="btn-calc" onclick="submit()" touch="false">提交</button>

            <div class="weui-mask weui-mask--visible" id='model' style="display:none;">
            </div>
        </div>
    </div>

    <!-- <script type="text/x-handlebars-template" id="bank_item_id">
        {{#each this}}
        <option value="{{id}}" data-id="{{top3}}">{{name}}</option>
        {{/each}}
    </script>
    <script type="text/x-handlebars-template" id="area_item_id">
        {{#each this}}
        <option value="{{id}}">{{name}}</option>
        {{/each}} -->
    <!-- </script> -->
    <script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../public/js/modifyUrlpath.js"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/handlebars.min.js"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-weui.js" type="text/javascript"></script>
    <script src="../public/js/common.js"></script>
    <script src="../public/js/ajaxWhite.js"></script>
    <script src="../public/js/fillinfo.js"></script>
</body>

</html>